<template>
	<!-- 对图像进行封装 组件化处理 -->
	<view>
		<image :src="src" mode="widthFix" :class="type" :style="getStyle"></image>
	</view>
</template>

<script>
	export default {
		props:{
			size:{
				type:[String,Number],//数据类型 可能是字符串  也可能是数字
				default:90
			},
			src:{
				type:String,
				default:''
			},
			type:{
				type:String,
				default:'rounded'
			}
		},
		computed:{//通过计算属性  计算对应的宽高 简化组件
			getStyle(){
				return `width: ${this.size}rpx;height: ${this.size}rpx;`
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
